<template>
	<layout>
  <!--个人作品-->
  <div class="warp">
    <div class="main_l">
      <div class="news_works">
        <!-- 返回首页 -->
        <backIndex title="个人作品"/>
        <ul class="news_works_ul">
          <li v-for="(item,index) in dataTable" :key="index">
            <figure>
              <router-link :to="'/detail?table=works&title=个人作品&&id='+item._id"> <img src="@/static/img/person_1.jpg" /></router-link>
            </figure>
            <div class="news_work_txt">
              <h4 class="news_work_txt_name">{{item.title}}</h4>
              <div class="news_work_txt_p" v-html="item.content">
              </div>
              <router-link :to="'/pages/detail/detail??table=works&title=个人作品&&id='+item._id" class="news_work_txt_link">详情</router-link>
              <p>
                <span class="classic">个人作品</span>
                <span class="time">{{(item.create_time)}} </span>
              </p>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <!-- 主要右边 -->
    <mainR />
  </div>
	</layout>
</template>

<script>
import layout from '@/layout/index.vue'		
import backIndex from "@/components/backIndex";
import mainR from "@/components/mainR";
export default {
  components: { layout,mainR , backIndex },
  data() {
    return {
      dataTable:[]
    };
  },
  mounted() {
    this.getList()
  },
  computed: {},
  methods: {
     // 列表
    getList(){
      const that = this
			const data={
        table:'works'
      }
			this.$Ajax('getLists',data,res=>{
				console.log(res.data)
				 that.dataTable = res.data
			})
    },
  },
};
</script>
<style scoped>
</style>
